<!DOCTYPE html>
<html lang="zh-CN">
<head>
    {include file="common/meta" /}
</head>
<body>
<div class="app">
    <div class="container layout-container">
        <aside class="sidebar">
            <div class="logo-box">
                <img class="logo-img" src="/static/img/logo.png">
                <div class="website-name">{$website_name}</div>
            </div>

            <div class="menus-scrollbar">
                <ul id="side-nav-bar" class="layui-nav layui-nav-tree" lay-filter="side-menu">
                    <div class="loading">
                        <i class="layui-icon layui-icon-loading layui-anim layui-anim-rotate layui-anim-loop"></i>
                    </div>
                </ul>
            </div>
        </aside>

        <div class="container content-wrapper">
            <header class="header">
                <div class="nav-bar">
                    <div class="nav-tabs">
                        <ul class="layui-nav" lay-filter="top-menu">
                            {if isset($top_menu) && !empty($top_menu)}
                            {foreach $top_menu as $key => $value}
                            <li class="layui-nav-item {if $key == 0}layui-this{/if}">
                                <a data-pid="{$value.pid}">{$value.name}</a>
                            </li>
                            {/foreach}
                            {/if}
                        </ul>
                    </div>
                    <div class="nav-menus">
                        <div id="logout" class="nav-menu-item">
                            <i class="iconfont icon-logout"></i>
                            <span class="text">退出</span>
                        </div>
                    </div>
                </div>
            </header>

            <main class="main layout-main">

            </main>
        </div>
    </div>
</div>

{include file="common/script" /}
<script type="text/javascript" src="/static/js/index.js"></script>
</body>
</html>